<template>
    <div class="huafei">
      <div class="content">
          <input type="text" placeholder="请输入手机号码">
          <div>
              <div v-for="(v,i) in arr" :key="i">
                  <h3>{{v.num}}<span>G</span></h3>
                  <p>售价{{v.text}}元</p>
              </div>
          </div>
          
  
      </div>
     
      
    </div>
  </template>
  
  <script>
  export default {
    data(){
        return {
            arr:[
            {"num":"1","text":"22.50"},
            {"num":"2","text":"37.50"},
            {"num":"10","text":"112.50"},
            {"num":"15","text":"150.00"},
        ]
        }
    }
  
  }
  </script>
  
  <style lang="scss" scoped>
      .huafei {
          width: 100%;
          // background: #999;
          >div {
              width: 90%;
              // height: 2.7rem;
              margin: auto;
             
              input {
                  margin: .15rem auto;
                  width: 99%;
                  height: .4rem;
                  border-bottom: .02rem solid #eee;
              }
              >div{
                  display: flex;
                  flex-wrap: wrap;
                  
                  >div {
                      width: 30%;
                      height: .7rem;
                      border: 2px solid #d8e1ef;
                      border-radius: .06rem;
                      text-align: center;
                      margin: 0 2% .1rem 0;
                      h3 {
                          margin-top: .14rem;
                          color: #004aa3;
                          font-weight: bolder;
                          font-size: .18rem;
                          span {
                              font-size: .16rem;
                          }
                      }
                      p {
                          font-size: .12rem;
                          color: #e75d4a;
                      }
                  }
              }
          }
      }
  
  
  </style>